<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title  class="systemName"></title>
    <base id="base" href="/">
    <link rel="stylesheet" href="css/common/public.css">
    <link rel="stylesheet" href="plugin/bootstrap-table-master/bootstrap-table.min.css">
    <link href="plugin/select2/css/select2.min.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div id="app" v-cloak>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>App版本管理</h5>
                            <div class="ibox-tools"></div>
                        </div>
                        <div class="ibox-content">
                            <div class="row">
                                <div class="col-xs-4 input-group" style="margin-left: 15px;">
                                    <input class="form-control" v-model="fileName" placeholder="请输入文件名称" @keyup.enter="search"/>
                                    <span class="input-group-btn">
                                        <button class="btn btn-outline btn-default" @click="search">
                                            <i class="fa fa-search"></i>&nbsp;查询
                                        </button>
                                    </span>
                                </div>
                            </div>
                            <div class="row row-lg">
                                <div class="col-sm-12">
                                    <!--toolbar-->
                                    <div id="toolbar" class="btn-group m-t-sm">
                                        <button type="button" class="btn btn-outline btn-default" @click="add">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>&nbsp;新增
                                        </button>
                                        <button data-check-permission="sys:role:edit" type="button" class="btn btn-outline btn-default" @click="edit">
                                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>&nbsp;修改
                                        </button>
                                        <button type="button" class="btn btn-outline btn-default" @click="del">
                                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>&nbsp;删除
                                        </button>
                                    </div>
                                    <!--bootstrapTable-->
                                    <table id="tbVersionManager"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--版本编辑-->
        <div class="ibox-content form-horizontal"  id="operation_data" v-show="isShowForm">
            <form id="dataForm">
                <div class="row form-group">
                    <label class="col-sm-3 control-label"><span class="span-red">*</span>类型：</label>
                    <div class="col-sm-4">
                        <select name="type"  class="form-control" style="width: 100%">
                            <option value="0">Android</option>
                            <option value="1">IOS</option>
                        </select>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-sm-3 control-label"><span class="span-red">*</span>版本号：</label>
                    <div class="col-sm-4">
                        <input name="versionCode" type="text" class="form-control"   onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-sm-3 control-label"><span class="span-red">*</span>版本名：</label>
                    <div class="col-sm-4">
                        <input name="versionName" type="text" class="form-control" >
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-sm-3 control-label"><span class="span-red">*</span>版本升级模式：</label>
                    <div class="col-sm-4">
                        <select name="updateMode" class="form-control" style="width: 100%">
                            <option value="0">可升级</option>
                            <option value="1">必须升级</option>
                            <option value="2">补丁</option>
                        </select>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-sm-3 control-label"><span class="span-red">*</span>审核状态：</label>
                    <div class="col-sm-4">
                        <select name="status" class="form-control" style="width: 100%">
                            <option value="0">未审批</option>
                            <option value="1">审批通过</option>
                        </select>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-sm-3 control-label">安装包：</label>
                    <div class="col-sm-8">
                        <a class="col-sm-4" id="fileUrl" target="_blank" style="padding: 0;"><i class="fa fa-file-archive-o fa-5x"></i></a>
                        <div class="col-sm-8" style="padding: 0;" id="container">
                            <div id="filelist">您的浏览器没有安装Flash插件，或不支持HTML5！</div>
                            <button id="uploadBtn"class="btn btn-primary">选择文件</button>
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <label class="col-sm-3 control-label">更新内容：</label>
                    <div class="col-sm-8">
                        <textarea name="updateContent" style="max-width: 100%;width: 100%;min-height: 120px;"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-4 col-sm-offset-4 add-submit">
                        <input type="hidden" class="form-control" id="id" name="id">
                        <input type="hidden" class="form-control" id="packageSize" name="packageSize">
                        <input type="hidden" class="form-control" id="appFileMd5" name="appFileMd5">
                        <input type="hidden" class="form-control" id="downloadUrl" name="downloadUrl">
                        <button class="btn btn-primary" type="button" @click="save">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</body>
<!-- 全局js -->
<script type="text/javascript" src="js/common/public.js"></script>
<!-- Bootstrap table -->
<script src="plugin/bootstrap-table-master/bootstrap-table.min.js"></script>
<script src="plugin/bootstrap-table-master/locale/bootstrap-table-zh-CN.min.js"></script>
<!--使用plupload文件上传插件-->
<script type="text/javascript" src="plugin/plupload-2.3.4/js/plupload.full.min.js"></script>
<script type="text/javascript" src="plugin/plupload-2.3.4/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
<script type="text/javascript" src="plugin/plupload-2.3.4/js/i18n/zh_CN.js"></script>
<script type='text/javascript' src="plugin/select2/js/select2.min.js"></script>
<script type="text/javascript" src="js/modules/versionManager/versionManager.js"></script>
</html>